import React from 'react';
import { Card, Spin, Icon, Alert } from 'antd';
import './ui.less';

export default class Loading extends React.Component {
    render() {
        const icon = <Icon type="loading" />
        return (
            <div>
                <Card title='spin用法' className="card-wrap">
                    <Spin size="small" />
                    <Spin />
                    <Spin size="large" />
                    <Spin indicator={icon} />
                </Card>
                <Card title="内容遮罩" className="card-wrap">
                    <Alert 
                        message="react"
                        description="郭思宇"
                        type="info"
                    />
                </Card>
            </div>
        )
    }
}